<!DOCTYPE html>
<html>
  <head>
    <title>Page Three</title>
    <script src="karate.js"></script>
  </head>
  <body>
    <div id="eg01">
      <div id="eg01Data1">@@data1@@</div>
      <div id="eg01Data2">@@data2@@</div>
      <div id="eg01Data3">@@data3@@</div>
      <div id="eg01Data4">@@data4@@</div>
      <a href="page-01">Go to Page One</a>
    </div>
    <div id="eg02">
      <form action="page-03" id="eg02FormId">
        <select name="data1">
          <option value="option1">Option One</option>
          <option value="option2">Option Two</option>
          <option value="option3" selected="true">Option Three</option>
        </select><br/>
        <input type="checkbox" name="data2" value="check1"><span>Check One</span><br/>
        <input type="checkbox" name="data2" value="check2"><span>Check Two</span><br/>
        <input type="checkbox" name="data2" value="check3"><span>Check Three</span><br/>        
        <div><span>Input On Right</span><input name="data3" value="Some Text"/></div>
        <div><input name="data4" value="Some Text"/><span>Input On Left</span></div>
        <input id="eg02SubmitId" type="submit" value="Submit"/><br/>
      </form>
    </div>
  </body>
</html>